(function ($) {
    "use strict";
    var mainApp = {

        initFunction: function () {
            /*MENU 
            ------------------------------------*/
            $('#main-menu').metisMenu();
			
            $(window).bind("load resize", function () {
                if ($(this).width() < 768) {
                    $('div.sidebar-collapse').addClass('collapse')
                } else {
                    $('div.sidebar-collapse').removeClass('collapse')
                }
            });



            $.ajax({
                // url
                url: 'http://127.0.0.1:8000/dataBarin',
                // 请求类型
                type: 'GET',
                // 响应体结果类型
                dataType: 'json',
                // 成功的回调
                success: function(da){
                    Morris.Bar({
                        element: 'morris-bar-chart',
                        data: da,
                        xkey: 'period',
                        ykeys: ['volunteer'],
                        labels: ['志愿者总人数'],
                         barColors: [
                            '#F09B22','#A6A6A6'
                        ],
                        hideHover: 'auto',
                        resize: true
                    });
                    
                },
                // 超时时间
                timeout: 2000,
                // 失败的回调
                error: function(){
                    console.log('出错了！');
                }
            });

            /* MORRIS BAR CHART
			-----------------------------------------*/
            // Morris.Bar({
            //     element: 'morris-bar-chart',
            //     data: [{
            //         period: '2010',
            //         a: 100
            //     }, {
            //         period: '2011',
            //         a: 75
            //     }, {
            //         period: '2012',
            //         a: 50
            //     }, {
            //         period: '2013',
            //         a: 75
            //     }, {
            //         period: '2014',
            //         a: 50
            //     }, {
            //         period: '2015',
            //         a: 75
            //     }, {
            //         period: '2016',
            //         a: 100
            //     }, {
            //         period: '2017',
            //         a: 110
            //     }, {
            //         period: '2018',
            //         a: 120
            //     }, {
            //         period: '2019',
            //         a: 130
            //     }],
            //     xkey: 'period',
            //     ykeys: 'a',
            //     labels: ['志愿者总人数'],
			// 	 barColors: [
            //         '#F09B22','#A6A6A6'
            //     ],
            //     hideHover: 'auto',
            //     resize: true
            // });
	 


            /* MORRIS DONUT CHART
			----------------------------------------*/
            $.ajax({
                // url
                url: 'http://127.0.0.1:8000/dataDonutin',
                // 请求类型
                type: 'GET',
                // 响应体结果类型
                dataType: 'json',
                // 成功的回调
                success: function(da){
                    Morris.Donut({
                        element: 'morris-donut-chart',
                        data: da,
                           colors: [
                            '#A6A6A6','#F09B22',
                            '#A8E9DC' 
                        ],
                        resize: true
                    });
                },
                // 超时时间
                timeout: 2000,
                // 失败的回调
                error: function(){
                    console.log('出错了！');
                }
            });
            // Morris.Donut({
            //     element: 'morris-donut-chart',
            //     data: [{
            //         label: "已完成",
            //         value: 12
            //     }, {
            //         label: "未完成",
            //         value: 30
            //     }, {
            //         label: "进行中",
            //         value: 20
            //     }],
			// 	   colors: [
            //         '#A6A6A6','#F09B22',
            //         '#A8E9DC' 
            //     ],
            //     resize: true
            // });

            /* MORRIS AREA CHART
			----------------------------------------*/

            $.ajax({
                // url
                url: 'http://127.0.0.1:8000/dataAreain',
                // 请求类型
                type: 'GET',
                // 响应体结果类型
                dataType: 'json',
                // 成功的回调
                success: function(da){
                    Morris.Area({
                        element: 'morris-area-chart',
                        data: da,
                        xkey: 'period',
                        ykeys: ['all', 'finish', 'unfinish'],
                        labels: ['总数', '已完成', '未完成'],
                        pointSize: 2,
                        hideHover: 'auto',
                        pointFillColors:['#ffffff'],
                        pointStrokeColors: ['black'],
                        lineColors:['#A6A6A6','#F09B22','#A8E9DC'],
                        resize: true,
                        hoverLabelColor: ['#A6A6A6','#F09B22','#A8E9DC']
                    });
                },
                // 超时时间
                timeout: 2000,
                // 失败的回调
                error: function(){
                    console.log('出错了！');
                }
            });

            // Morris.Area({
            //     element: 'morris-area-chart',
            //     data: [{
            //         period: '2010',
            //         iphone: 2666,
            //         ipad: null,
            //         itouch: 2647
            //     }, {
            //         period: '2011',
            //         iphone: 2778,
            //         ipad: 2294,
            //         itouch: 2441
            //     }, {
            //         period: '2012',
            //         iphone: 4912,
            //         ipad: 1969,
            //         itouch: 2501
            //     }, {
            //         period: '2013',
            //         iphone: 3767,
            //         ipad: 3597,
            //         itouch: 5689
            //     }, {
            //         period: '2014',
            //         iphone: 6810,
            //         ipad: 1914,
            //         itouch: 2293
            //     }, {
            //         period: '2015',
            //         iphone: 5670,
            //         ipad: 4293,
            //         itouch: 1881
            //     }, {
            //         period: '2016',
            //         iphone: 4820,
            //         ipad: 3795,
            //         itouch: 1588
            //     }, {
            //         period: '2017',
            //         iphone: 15073,
            //         ipad: 5967,
            //         itouch: 5175
            //     }, {
            //         period: '2018',
            //         iphone: 10687,
            //         ipad: 4460,
            //         itouch: 2028
            //     }, {
            //         period: '2019',
            //         iphone: 8432,
            //         ipad: 5713,
            //         itouch: 1791
            //     }],
            //     xkey: 'period',
            //     ykeys: ['iphone', 'ipad', 'itouch'],
            //     labels: ['已完成', '未完成', '进行中'],
            //     pointSize: 2,
            //     hideHover: 'auto',
			// 	pointFillColors:['#ffffff'],
			// 	pointStrokeColors: ['black'],
			// 	lineColors:['#A6A6A6','#F09B22','#A8E9DC'],
            //     resize: true
            // });

            /* MORRIS LINE CHART
			----------------------------------------*/
            $.ajax({
                // url
                url: 'http://127.0.0.1:8000/dataLinein',
                // 请求类型
                type: 'GET',
                // 响应体结果类型
                dataType: 'json',
                // 成功的回调
                success: function(da){
                    Morris.Line({
                        element: 'morris-line-chart',
                        data: da,
                        xkey: 'y',
                        ykeys: ['volunteer'],
                        labels: ['总志愿者', 'Total Outcome'],
                        fillOpacity: 0.6,
                        hideHover: 'auto',
                        behaveLikeLine: true,
                        resize: true,
                        pointFillColors:['#ffffff'],
                        pointStrokeColors: ['black'],
                        lineColors:['#F09B22']    
                    });
                },
                // 超时时间
                timeout: 2000,
                // 失败的回调
                error: function(){
                    console.log('出错了！');
                }
            });


    //         Morris.Line({
    //             element: 'morris-line-chart',
    //             data: [
	// 				  { y: '2010', a: 50},
	// 				  { y: '2011', a: 165},
	// 				  { y: '2012', a: 150},
	// 				  { y: '2013', a: 175},
	// 				  { y: '2014', a: 80},
	// 				  { y: '2015', a: 90},
	// 				  { y: '2016', a: 100},
	// 				  { y: '2017', a: 155},
	// 				  { y: '2018', a: 80},
	// 				  { y: '2019', a: 145}
	// 			],
            
				 
    //   xkey: 'y',
    //   ykeys: ['a'],
    //   labels: ['Total Income', 'Total Outcome'],
    //   fillOpacity: 0.6,
    //   hideHover: 'auto',
    //   behaveLikeLine: true,
    //   resize: true,
    //   pointFillColors:['#ffffff'],
    //   pointStrokeColors: ['black'],
    //   lineColors:['#F09B22']
	  
    //         });
           
        
            // $('.bar-chart').cssCharts({type:"bar"});
            // $('.donut-chart').cssCharts({type:"donut"}).trigger('show-donut-chart');
            // $('.line-chart').cssCharts({type:"line"});

            // $('.pie-thychart').cssCharts({type:"pie"});
       
	 
        },

        initialization: function () {
            mainApp.initFunction();

        }

    }
    // Initializing ///

        
        mainApp.initFunction(); 
		$("#sideNav").click(function(){
            console.log('haha');
			if($(this).hasClass('closed')){
				$('.navbar-side').animate({left: '0px'});
				$(this).removeClass('closed');
				$('#page-wrapper').animate({'margin-left' : '260px'});
				
			}
			else{
			    $(this).addClass('closed');
				$('.navbar-side').animate({left: '-260px'});
				$('#page-wrapper').animate({'margin-left' : '0px'}); 
			}
		});

}(jQuery));